@charset "UTF-8";
@import "common.scss";

header{
  height: r(123);
  //padding-top: r(48);
  div{
    width: r(706);
    margin: 0 auto;
    div{
      text-align: center;
      font-family: 微软雅黑;
      font-size: px(26);
      line-height: r(51);
    }
    .back{
      float: left;
      width: r(117);
      height: r(51);
      border: 1px solid #ff9344;
      text-align: center;
      border-radius: 15px;
      a{
        color: black;
        font-family: 微软雅黑;
        font-size: px(26);
        line-height: r(51);
        font-weight: normal;
      }
    }
    .selectBar{
      float: right;
      margin-top: 0;
      select{
        line-height: r(51);
      }
    }
  }
}

.content{
  width: 100%;
  position: absolute;
  top: 75px;
  bottom: px(136);
  left: 0;
  right: 0;
  // 纵向滚动
  overflow-y: scroll;
  // 弹性滚动
  -webkit-overflow-scrolling: touch;
  .lunbo{
    width: 100%;
    margin: r(17) auto 0 auto;
    ul{
      li{
        width: r(695);
        margin: 0 auto;
        .liAll{
          width: r(149);
          float: left;
          margin-right: r(33);
          text-align: center;
          &:nth-of-type(4){
            margin-right: 0;
          }
          .liImg{
            float: left;
            width: r(149);
            height: r(149);
            background-color: #ff9344;
            border-radius: 50%;
            overflow: hidden;
            a{
              display: block;
              width: 100%;
              height: 100%;
            }
            img{
              width: 100%;
              height: 100%;
            }
          }
          p{
            font-family: 微软雅黑;
            font-size: px(26);
            line-height: r(62);
          }
        }
      }
    }
    ol{
      width: r(100);
      margin: r(15) auto 0 auto;
      li{
        float: left;
        width: r(18);
        height: r(18);
        background: #ffc9a1;
        border-radius: 50%;
        margin-right: r(7);
      }
      .current{
        background: #ff9344;
      }
    }
  }
  .type{
    .typeBox{
      .title{
        margin: r(33) r(21) 0 r(21);
        .titleName{
          float: left;
          height: r(54);
          img{
            width: r(56);
            height: r(54);
          }
          span{
            font-family: 微软雅黑;
            font-size: px(30);
            line-height: r(54);
            vertical-align: super;
          }
        }
        .titleMore{
          float: right;
          a{
            font-family: 微软雅黑;
            font-size: px(24);
            color: black;
            span{
              padding-right: r(8);
            }
            i{
              font-size: r(26);
              color: #ff9344;
            }
          }
        }
      }
      .typeImg{
        margin: r(37) 0 0 r(22);
        div{
          width: r(133);
          height: r(133);
          overflow: hidden;
          float: left;
          margin-right: r(57);
          &:nth-of-type(4){
            margin-right: 0;
          }
          img{
            width: 100%;
          }
        }
      }
    }
  }
}
